<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="referrer" content="no-referrer">
		<title>登录</title>
		<link rel="stylesheet" href="js/bower_components/bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="js/bower_components/bootstrap-select/dist/css/bootstrap-select.min.css">
		<link rel="stylesheet" href="js/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css">
		<link rel="stylesheet" href="js/bower_components/bootstrap-table/dist/bootstrap-table.min.css">
		<link rel="stylesheet" href="js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css">
		<link href="js/bower_components/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"
			rel="stylesheet">

		<script src="js/bower_components/jquery/dist/jquery.min.js"></script>
		<script src="js/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="js/bower_components/bootbox.min.js"></script>
		<script src="js/bower_components/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="js/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
		<script src="js/bower_components/bootstrap-table/dist/bootstrap-table.min.js"></script>
		<script src="js/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>

		<script src="js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="js/bower_components/jquery-form-validator/form-validator/jquery.form-validator.min.js"></script>
		<script src="js/bower_components/moment/min/moment-with-locales.min.js"></script>
		<script src="js/bower_components/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
		
		
		<script>
			
		</script>
	</head>
	<body>
		<div id="upper-title" class="container-fluid">
			<span>Bilibili爬虫系统</span>
		</div>
		
		<div class="container-fluid">
			<div id="context" class="row">
				<div class="col-md-3 left-box">
					
					<div class="row left-head">
						<div class="row left-title h3">
							全站分区榜单
						</div>
						<div class="row left-buttons">
							<div class="col-md-3 left-btn">
								<button id="btn1" type="button" class="btn btn-primary">全站</button>
							</div>
							<div class="col-md-3 left-btn">
								<button id="btn2" type="button" class="btn btn-primary">动画</button>
							</div>
							<div class="col-md-3 left-btn">
								<button id="btn3" type="button" class="btn btn-primary">舞蹈</button>
							</div>
							<div class="col-md-3 left-btn">
								<button id="btn4" type="button" class="btn btn-primary">游戏</button>
							</div>
						</div>
					</div>
					
					<ul class="row left-list list-inline pre-scrollable" id="llist">
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				
				<div class="col-md-6 mid-box">
					<div class="row search">
						<div class="input-group" style="margin-top:0px positon:relative">
						       <input id="midInput" type="text" class="form-control"placeholder="请输入要爬取的视频BV号" / >
						            <span class="input-group-btn">
						               <button id="midBtn" class="btn btn-primary">搜索</button>
						            </span>
						 </div>
					</div>
					<div class="ciyun">
						
					</div>
				</div>
				
				<div class="col-md-3 right-box">
					<div class="row right-head">
						<div class="row right-title h3">
							综合热门榜单
						</div>
					</div>
					
					<ul class="row right-list list-inline pre-scrollable" id="rlist">
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
						<li class="list-item">
							<div class="content">
								<div class="pic col-md-4">
									<a href="#">
										<img class="img_pic" src="images/loading.gif" >
									</a>
								</div>
								<div class="info col-md-8">
									<a href="#">
										<span>...</span>
									</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- <script src="js/echarts.js"></script> -->
		
		<script src="js/echarts.js"></script>
		<script src="js/echarts-wordcloud.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
